import {Component, Input, OnInit} from '@angular/core';

import {AppGlobalService} from '../../shared/service/app-global.service';

@Component({
    selector: 'app-bIcon-link',
    templateUrl: './bIcon-link.component.html',
    styleUrls: ['./bIcon-link.component.scss']
})
export class BIconLinkComponent implements OnInit {

    @Input() tagData;
    mask: string;
    aWidth:string;

    constructor(
        private appGlobalService: AppGlobalService
    ) {
    }

    ngOnInit() {
    //     this.tagData = {"links":[
    //         {
    //             "iconUrl":"../../../assets/img/zhuandian.png",
    //             "name":"我的物业",
    //             "target":"43745",
    //             "description":"xx",
    //             "isShowArrow":null,
    //             "phone":null,
    //             "text":"转租/招商",
    //             "state":null,
    //             "param":[
    //                 {
    //                     "name":"opportunity_plugin_id",
    //                     "value":"$opportunity_plugin_id",
    //                     "type":null
    //                 },
    //                 {
    //                     "name":"noUseCache",
    //                     "value":"true",
    //                     "type":null
    //                 }
    //             ]
    //         },
    //         {
    //             "iconUrl":"../../../assets/img/xuanzhi.png",
    //             "name":"我的选址",
    //             "target":"43746",
    //             "description":"xx",
    //             "isShowArrow":null,
    //             "phone":null,
    //             "text":null,
    //             "state":null,
    //             "param":[
    //                 {
    //                     "name":"opportunity_plugin_id",
    //                     "value":"$opportunity_plugin_id",
    //                     "type":null
    //                 },
    //                 {
    //                     "name":"noUseCache",
    //                     "value":"true",
    //                     "type":null
    //                 }
    //             ]
    //         },{
    //             "iconUrl":"../../../assets/img/xuanzhi.png",
    //             "name":"我的选址",
    //             "target":"43746",
    //             "description":"xx",
    //             "isShowArrow":null,
    //             "phone":null,
    //             "text":null,
    //             "state":null,
    //             "param":[
    //                 {
    //                     "name":"opportunity_plugin_id",
    //                     "value":"$opportunity_plugin_id",
    //                     "type":null
    //                 },
    //                 {
    //                     "name":"noUseCache",
    //                     "value":"true",
    //                     "type":null
    //                 }
    //             ]
    //         },{
    //             "iconUrl":"../../../assets/img/xuanzhi.png",
    //             "name":"我的选址",
    //             "target":"43746",
    //             "description":"xx",
    //             "isShowArrow":null,
    //             "phone":null,
    //             "text":null,
    //             "state":null,
    //             "param":[
    //                 {
    //                     "name":"opportunity_plugin_id",
    //                     "value":"$opportunity_plugin_id",
    //                     "type":null
    //                 },
    //                 {
    //                     "name":"noUseCache",
    //                     "value":"true",
    //                     "type":null
    //                 }
    //             ]
    //         }
    //     ],
    //     "limit":4,
    //     "isMask":-55
    // };
        this.mask = this.tagData.isMask + 'px';
        this.aWidth = 100 / this.tagData.limit + '%';
    }

    jumpToPage(item) {
        if (item && item.target) {
            const sessionId = localStorage.getItem('sessionId');
            const pageParams = {
                pageId: item.target,
                params: {},
                sessionId: sessionId
            };
            this.appGlobalService.goToForward(pageParams);
        }
    }

}
